@charset "utf-8";
@import 'reset';

body {
    background-color: #F1F3F4;
}

.tabber {
    height: 112.5333vw;
    width: 100vw;
    background-color: white;
}

header {
    width: 100vw;
    height: 11.2vw;



    h3 {
        font-size: 16px;
        text-align: center;
        line-height: 11.2vw;
        font-weight: 600;
    }
}



.content {
    margin-top: 8vw;
    height: 18.1333vw;
    width: 89.3333vw;
    margin-left: 5.3333vw;

    border-bottom: .2667vw solid gainsboro;

    h3 {
        margin-bottom: 4.4vw;
        font-size: 3.7333vw;
        font-weight: 400;
    }

    p {
        color: #757575;
        font-size: 3.2vw;
    }
}

.contentair {
    margin-top: 5.3vw;
    height: 18.1333vw;
    width: 89.3333vw;
    margin-left: 5.3333vw;

    border-bottom: .2667vw solid gainsboro;

    h3 {
        margin-bottom: 4.4vw;
        font-size: 3.7333vw;
    }

    p {
        color: #757575;
        font-size: 3.2vw;
    }


}

.remind {
    width: 89.3333vw;
    height: 17.0667vw;
    background-color: #FFF0EC;
    margin: 0 auto;
    margin-top: 5.3333vw;
    display: flex;
    align-items: center;

    p {
        margin-left: 12vw;
        margin-right: 3.9467vw;
        font-size: 3.3333vw;
    }
}

.define {
    width: 64.2667vw;
    height: 10.6667vw;
    background-color: #884E22;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10.6667vw;
    margin-left: 17.8667vw;

    span {
        color: white;
    }
}

.logo {
    width: 11.7333vw;
    height: 11.7333vw;
    background-color: #884E22;
    border-radius: 50%;
    position: fixed;
    bottom: 28.6667vw;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    .iconfont {
        font-size: 4.8vw;
        color: white;
        margin-left: 1.4vw;
    }

    p {
        color: white;
        font-size: 3.7333vw;
    }
}